<template>
	<view class="money-date">
		<image :src="list.img" mode=""></image>
		<view class="box1">
			<text>{{list.BZ}}</text>
			<text>{{list.use}}</text>
			<text>{{list.date}} {{list.time}}</text>
		</view>
	
	</view>
</template>

<script>
	export default {
		props:['list'],
		data() {
			return {
				
			};
		},
		computed:{
			
		}
	}
</script>

<style>
  .money-date{
	    width: 90%;
	    margin: auto;
		position: relative;
		margin-top: 10rpx;
		font-weight: 550;
		font-size: .9em;
		border-bottom: 4rpx solid #F3F3F3;
		height: 80rpx;
	}
	image{
		border-radius: 50%;
		width: 60rpx;
		height: 60rpx;
		margin-top: 10rpx;
	}
	.box1{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-top: -60rpx;
		margin-left: 80rpx;
	}
	.box1>text:nth-of-type(1){
		width: 20%;
		
	}
	.box1>text:nth-of-type(2){
		width: 20%;
		
	}
	.box1>text:nth-of-type(3){
		width: 40%;
		opacity: .5;
		font-size: .7em;
	}
</style>
